<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p> onclick=""————————当点击的时候</p>
		<p> onmouseebter=""———————当鼠标移入的时候</p>
		<p> document.write('')————向页面添加内容</p>
		<div class="img">
			<img id="aaa" src="img/100x100.png" width="100" height="100"/>
		</div>
		<hr />
		

		<script type="text/javascript">
			//找到图片
			yan=document.getElementById('aaa');
			
			//给图片加事件
			yan.onclick=function(){
				//触发事件
				console.log('单击图片'+yan.id)
			};
			
			//变量
			usename = '视野'
			
			document.write('<h1>这是一个'+ usename + '</h1>')
			
			
			
			
			
		</script>
		
	</body>
</html>
